<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="../static/css/style1.css" rel="stylesheet" type="text/css" />
        <link rel="icon" href="../static/images/logo.ico" type="image/x-icon"/>
		<script src="../static/js/jquery1.42.min.js" type="text/javascript"></script>
		<script src="../static/js/jquery.js"></script>
		<script src="../static/js/jquery.superslide.2.1.1.js" type="text/javascript"></script>
		<title>个人中心</title>
	</head>

	<body>
		<div class="wapper_box">
			<div class="header_box"></div>
			<div class="header_box1">
				<div class="header_box2">
					<a class="logo_box" href="{{ url_for('index') }}"><img src="../static/images/logo1.jpeg" /></a>
					<ul class="nav_box">
						<li class="nav_1"><a class="nav_but" href="{{ url_for('personal_information') }}">个人中心</a></li>
                        <li class="nav_1"><a class="nav_but" href="{{ url_for('news_center') }}">课程论坛</a>
               				<div class="nav_slide">
                				<div class="nav_slide1">
                    				<a href="">课程公告<span><img src="../static/images/siade_bg1.png"/></span></a>
                    				<a href="">课程讨论<span><img src="../static/images/siade_bg1.png"/></span></a>
                 				</div>
               				</div>  
             			</li>
                        <li class="nav_1"><a class="nav_but" href="{{ url_for('recommed') }}">课程推荐</a></li>
             			<li class="nav_1"><a class="nav_but" href="{{ url_for('train_plan') }}">课程进度</a></li>
             			<li class="nav_1"><a class="nav_but" href="{{ url_for('index') }}">首页</a></li>
					</ul>
				</div>
				<script>
					$(".nav_1").mouseenter(function() {
						$(this).find(".nav_slide").slideDown()
					});

					$(".nav_1").mouseleave(function() {
						$(".nav_slide").slideUp()
					});
					//$(".producys_box").mouseout(function(){
					// $(this).find(".producys_box1").slideUp(); 
					//});
				</script>
			</div>
			<!--banner部分开始-->
			<div class="banner_box">
				<ul class="banner_pic">
					<li><img src="../static/images/logo.jpeg" /></li>
					<li><img src="../static/images/logo.jpeg" /></li>
					<li><img src="../static/images/logo.jpeg" /></li>

				</ul>
				<a class="prev" href="javascript:void(0)"></a>
				<a class="next" href="javascript:void(0)"></a>
				<div class="num">
					<ul></ul>
				</div>
			</div>
			<script>
				/*鼠标移过，左右按钮显示*/
				$(".banner_box").hover(function() {
					$(this).find(".prev,.next").fadeTo("show", 0.1);
				}, function() {
					$(this).find(".prev,.next").hide();
				})
				/*鼠标移过某个按钮 高亮显示*/
				$(".prev,.next").hover(function() {
					$(this).fadeTo("show", 0.7);
				}, function() {
					$(this).fadeTo("show", 0.1);
				})
				$(".banner_box").slide({
					titCell: ".num ul",
					mainCell: ".banner_pic",
					effect: "fold",
					autoPlay: true,
					delayTime: 700,
					autoPage: true
				});
			</script>
			<!-- 代码 结束 -->
			<!--banner部分结束-->

			<!--内容开始-->
			<div class="content_box1">
				<div class="content_box2">
					<div class="menu_box">
						<p class="menu_box_title">个人中心<span>Personal</span></p>
						<ul class="menu_box1">
							<li>
								<a href="">个人中心</a>
							</li>
						</ul>
					</div>
					<div class="content_boxL">
						<div class="content_boxL_nav">
							<p class="content_boxL_nav_title">个人信息</p>
							<div class="content_boxL_nav_R">
								<a href="">首页 ></a>
								<a href="">个人中心 ></a>
								<a href=""> 个人信息</a>
							</div>
						</div>
						<div class="personal">
							<p>姓名：<font color="#4169E1">{{ result[0][0] }}</font></p>
							<p>学号：<font color="#4169E1">{{ result[0][2] }}</font></p>
							<p>学院：<font color="#4169E1">{{ result[0][3] }}</font></p>
							<p>专业：<font color="#4169E1">{{ result[0][4] }}</font></p>

							<div class="content">
								<span class="follow-us">
					                <a href="https://user.qzone.qq.com"><img src="../static/images/qq.jpg" style="height: 300px;width: 300px"></a>
					                <a href="#"><i class="fa fa-linkedin"></i></a>
                                    <a href="https://www.sina.com.cn/"><img src="../static/images/xl.jpg" style="height: 300px;width: 300px"></a>
					                <a href="#"><i class="fa fa-linkedin"></i></a>
                                    <a href="https://github.com/"><img src="../static/images/github.jpg" style="height: 300px;width: 300px"></a>
					                <a href="#"><i class="fa fa-linkedin"></i></a>
           						</span>
							</div>
						</div>
						
						</div>
					</div>
				</div>
				<!--内容结束-->
				
			</div>
	</body>
</html>